body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, textarea, p, blockquote, th, td, img ,iframe { margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
input,button,textarea,option { font:12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style:none; border:0px; }
img{ border:0px; }
.clear{ font:0px/0px serif; display:block; clear:both; }
html{ -webkit-text-size-adjust: none; }
input{ outline:none; vertical-align:middle; margin:0; padding:0;}
button{ border:none; margin:0; padding:0;}
textarea{ resize:none; vertical-align:middle;}
select{ vertical-align:middle;}
a{ text-decoration:none; }
.json{ display:none;}
body:nth-of-type(1) input:focus,textarea:focus{ outline:none; }
body{ font:12px "\5b8b\4f53","Tahoma","Arial","Microsoft Yahei"; color:#333; background:#fff; position:relative;}
/*header*/
#header{ width:100%; height:36px; margin:0 auto; border-bottom:1px solid #ddd;}
.header{ width:1100px; height:36px; margin:0 auto;}
.header ul{ float:left;}
.header li{ float:left; font: normal 12px/36px "\5b8b\4f53","Tahoma"; color:#666;}
.header li input{ width:90px; height:18px; float:left; border:1px solid #d7d7d7; margin:9px 5px 9px 0;}
.header li button{ width:39px; height:19px; float:left; border:0; margin:9px 3px; background:url(../images/brand2015/brand2015.png) no-repeat 0 0; cursor:pointer;}
.header li a{ color:#666; padding:0 5px;}
.header p{ line-height:36px; float:right; color:#dfdfdf; margin-right:-4px;}
.header p a{ display:inline-block; color:#666; padding:0 4px;}
.header p a.mobile{ padding-left:22px; background:url(../images/brand2015/brand2015.png) no-repeat -62px -22px; color:#1F4A96;}
.header li a:hover,.header p a:hover{ color:#f60; text-decoration:underline;}
/*top*/
#top{ width:100%; height:122px; margin:0 auto; background:url(../images/brand2015/topbg.jpg) repeat-x;}
.top{ width:1100px; height:122px; margin:0 auto; position:relative; z-index:9999;}
.top .logo {
	position: absolute;
	left: 0;
	top: 10px;
	z-index: 1;
	max-width: 260px;
}
.search{ width:760px; height:35px; position:absolute; left:300px; top:27px; z-index:11111;}
.search .dropdown{ width:220px; height:31px; float:left; border:2px solid #ddd; border-left:0; border-right:1px solid #ddd; font-size:14px; line-height:31px; text-indent:10px; background:#f8f8f8 url(../images/company2015/searchIcon.png) no-repeat right center; color:#7d7d7d; cursor:pointer; position:relative; z-index:2;}
.search #field{ border-left:2px solid #ddd;}
.search .dropdown ul{ width:660px; background:#fff; border:1px solid #ddd; position:absolute; left:-2px; top:32px; display:none; padding:3px 0;}
.search .dropdown ul li{ width:220px; float:left; font-size:12px; line-height:22px;}
.search #progress{ background-position:2px -80px; text-indent:8px; background:#f8f8f8 url(../images/company2015/searchIcon.png) no-repeat right center;}
.search #progress,.search #progress ul,.search #progress ul li{ width:98px;}
.search .smartbox{ width:437px; float:left;}
.smartbox .text{ width:339px; height:31px; line-height:31px; float:left; border:none; border-top:2px solid #ddd; border-bottom:2px solid #ddd; text-indent:8px; color:#777; font-size:14px;}
.smartbox #searchBtn{ width:98px; height:35px; float:left; background:#1F4A96; border:none; cursor:pointer; font-size:14px; color:#fff; font-weight:bold;}
.selected{ background:#1F4A96; color:#fff;}
.top .nav{ width:1100px; height:40px; position:absolute; left:0; top:82px; z-index:1; font:bold 18px/40px "Microsoft Yahei","\5b8b\4f53";}
.nav a{ width:135px; height:40px; background:#1F4A96; display:inline-block; text-align:center; color:#fff; border-left:1px solid #4e76bc; border-right:1px solid #325ba4;}
.nav a:hover,.nav a.active{ color:#fff; background:#ffb70e; text-shadow:none;}
.nav a.active{ width:141px; border:0;}
/*flash*/
.banner{ width:1100px; margin:14px auto 0;}
.flash{ width:846px; float: left;}
.flashImg{ width:578px; height:378px; float:left; position:relative; z-index:1;}
.flashImg img{ width:578px; height:378px; position:absolute; left:0; top:0; z-index:1;}
.flashImg a.play{ width:110px; height:110px; background:url(../images/brand2015/play.png) no-repeat; position:absolute; left:320px; top:190px; z-index:2;}
.flashList{ width:268px; height:378px; float:left; background:#333; position:relative; z-index:1; overflow:hidden;}
.flashList ul{ width:268px; height:380px; background:#5a5a5a; position:absolute; left:0; top:-1px;}
.flashList li{ width:252px; height:93px; float:left; background:#333; border-top:1px solid #333; border-bottom:1px solid #333;}
.flashList li img{ width:78px; height:50px; float:left; margin:13px 16px 13px 20px; border:2px solid #333;}
.flashList li span{ width:128px; height:22px; float:left; margin-top:18px; font:normal 14px/22px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden;}
.flashList li span a{ color:#fff;}
.flashList li p{ width:128px; height:20px; float:left; margin-top:2px; font:normal 12px/20px "Microsoft Yahei","\5b8b\4f53"; color:#5a5a5a; overflow:hidden;}
.flashList li.hover{ border-top:1px solid #4e4e4e; border-bottom:1px solid #4e4e4e; border-right:16px solid #3b3b3b; background:#222;}
.flashList li.hover img{ border:2px solid #ffb600;}
.flashList li.hover span{ height:50px; margin-top:15px; font:bold 18px/25px "Microsoft Yahei","\5b8b\4f53";}
.flashList li.hover p{ display:none;}
.topic{ width: 237px; float: right; border: 1px solid #e6e6e6;}
.topic .title{ width:237px; height:40px; float:left; border-bottom:1px solid #e6e6e6; background:#f7f7f7; }
.topic h3{ height:40px; float:left; font:bold 18px/38px "Microsoft Yahei","\5b8b\4f53"; text-indent:14px; }
.topic h3 a{ color:#1F4A96; }
.topic .more{ float:right; line-height:40px; padding-right:18px; color:#333; }
.topic a:hover{ color:#f60; text-decoration:underline; }
.topic img{ width: 211px; height: 85px; float: left; margin: 13px 13px 0;}
.topic p{ width:207px; height:30px; padding: 0 2px; float: left; font: bold 14px/30px "Microsoft Yahei","simhei"; overflow:hidden; text-align:center; background: #000; margin-left: 13px; display: inline;}
.topic p a{ color:#fff;}
.topic ul{ width:211px; float:left; margin-left:13px; display:inline; padding:8px 0 10px; }
.topic li{ width:211px; height:27px; float:left; font-size:14px; line-height:27px; background:url(../images/brand2015/brand2015.png) no-repeat -75px -57px; overflow:hidden; text-indent:10px; }
.topic li a{ color:#333; }
/*brandBox*/
.brand{ width:1100px; margin:20px auto 0;}
.brandTop{ width:1100px; height:39px; float:left; background:#f2f2f2; border-bottom:1px solid #e7e7e7; position:relative; z-index:1;}
.brandTop h3{ width:142px; height:40px; background:#fff; text-align:center; position:absolute; left:479px; top:0; z-index:2;}
.brandTop h3 a{ font:italic bold 25px/40px "Microsoft Yahei","\5b8b\4f53"; color:#1F4A96;}
.meter .brandTop h3{ width:192px; left:459px;}
.brandBot{ width:1098px; float:left; border:1px solid #e7e7e7; border-top:0;}
.brandLeft{ width:831px; float:left;}
.brandLeft p{ width:810px; height:42px; float:left; padding-left:11px; margin-top:10px;}
.brandLeft p a{ width:80px; height:42px; overflow:hidden; display:inline-block; padding:0 5px; font:normal 15px/36px "Microsoft Yahei","\5b8b\4f53"; color:#666; text-align:center;}
.brandLeft p a.active{ font-weight:bold; color:#1F4A96; background:url(../images/brand2015/typeIcon.gif) no-repeat bottom;}
.brandLeft ul{ float:left; padding:12px 0 0px 0; display:none;}
.brandLeft li{ width:141px; height:126px; float:left; background:#e2e3e5; margin:0 0 18px 20px; display:inline;}
.brandLeft li img{ width:133px; height:86px; float:left; margin:4px 4px 0;}
.brandLeft li span{ width:141px; height:25px; float:left; font:normal 14px/25px "Microsoft Yahei","\5b8b\4f53"; text-align:center; overflow:hidden; margin-top: 5px;}
.brandLeft li span a{ color:#555;}
.brandLeft li span a:hover{ color:#f60; text-decoration:underline;}
.brandLeft li a.attention{ width:141px; height:106px; float:left; background:url(../images/brand2015/attentionbg.jpg) no-repeat; display:none;}
.brandLeft li.hover img,.brandLeft li.hover span{ display:none;}
.brandLeft li.hover a.attention{ display:block;}
.rank{ width:266px; height:280px; float:left; margin:20px 0 0 0; display:inline; border-left:1px solid #e7e7e7;}
.rank p{ width:224px; height:33px; float:left; margin-left:18px; font:normal 16px/27px "Microsoft Yahei","\5b8b\4f53"; text-align:center; display:inline;}
.rank p a{ width:106px; height:33px; float:left; margin-left:6px; background:url(../images/brand2015/rankTop.gif) no-repeat; color:#a8a8a8;}
.rank p a.active{ background-position:-106px 0; font-weight:bold; color:#fff;}
.rank dl{ width:230px; height:242px; float:left; padding:5px 18px 0; display:none;}
.rank dt{ width:180px; height:27px; float:left; font-size:14px; line-height:27px; background:url(../images/brand2015/brand2015.png) no-repeat -75px -57px; text-indent:10px; overflow:hidden;}
.rank dt a{ color:#333;}
.rank dt a:hover{ color:#f60; text-decoration:underline;}
.rank dd{ width:50px; height:27px; float:right; text-align:right; color:#9f9f9f; font:normal 12px/27px "Tahoma","\5b8b\4f53"; overflow:hidden;}
#waterRankList1 dt,#airRankList1 dt,#wasteRankList1 dt,#cleanRankList1 dt,#valveRankList1 dt,#meterRankList1 dt,#dataRankList1 dt,#serveRankList1 dt{ width:230px;}
#waterRankList1 dd,#airRankList1 dd,#wasteRankList1 dd,#cleanRankList1 dd,#valveRankList1 dd,#meterRankList1 dd,#dataRankList1 dd,#serveRankList1 dd{ width:0;}
/*service*/
.service{ width:1100px; margin:24px auto 0;}
.service dl{ width:260px; height:94px; float:left; padding-left:22px; border-left:1px solid #f2f2f2;}
.service dt{ width:260px; height:48px; float:left; font:normal 16px/48px "Microsoft Yahei","\5b8b\4f53"; color:#565656; text-indent:48px; background:url(../images/brand2015/serviceIcon.jpg) no-repeat;}
.service dd{ width:210px; height:46px; float:left; line-height:23px;}
.service dd a{ color:#999; padding-right:14px;}
.service dd a:hover{ color:#f60; text-decoration:underline;}
.service .s4,.service .s4 dt{ width:210px;}
.service .s2 dt{ background-position:0 -48px;}
.service .s3 dt{ background-position:0 -96px;}
.service .s4 dt{ background-position:0 -144px;}
.partner{ width:100%; margin:20px auto 0; border-top:3px solid #dbdbdb;}
.partnerTitle{ width:1100px; height:44px; margin:0 auto; position:relative; z-index:1;}
.partnerTitle h3{ width:1100px; height:44px; border-top:3px solid #717171; text-indent:6px; position:absolute; top:-3px; left:0; z-index:2;}
.partnerTitle h3 a{ font: normal 22px/44px "Microsoft Yahei","\5b8b\4f53"; color:#000;}
.partner dl{ width:1100px; margin:0 auto;}
.partner dt{ width:80px; height:28px; float:left; text-indent:6px; font-size:14px; line-height:28px; color:#333;}
.partner dd{ width:1020px; height:28px; float:left; line-height:30px; overflow:hidden;}
.partner dd a{ color:#333; padding:0 6px;}
.partner dd a:hover{ color:#f60; text-decoration:underline;}
/*footer*/
#footer{ width:100%; margin:24px auto 0; background:url(../images/brand2015/footbg.jpg) repeat-x; padding-bottom:20px;}
.footer{ width:1100px; margin:0 auto; padding-top:16px;}
.footer p{ width:1100px; float:left; font:normal 12px/30px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden; color:#878787;}
.footer p a{ padding:0 4px; color:#878787;}
.footer p a:hover,.footer span a:hover{ color:#f60; text-decoration:underline;}
.footer span{ width:1100px; height:26px; float:left; padding:16px 0; text-align:center; font:normal 16px/26px "Microsoft Yahei","\5b8b\4f53"; color:#333;}
.footer span a{ color:#333; padding:0 10px;}
.footer b{ width:1100px; height:21px; float:left; text-align:center; font:normal 12px/21px "Tahoma","\5b8b\4f53"; color:#888;}
.footer strong{ padding:0 15px;}
/*goTop*/
.backHome{ width:54px; }
.backHome a{ width:38px; height:46px; display:block; float:left; background:#1F4A96; text-align:center; font:normal 14px/20px "Microsoft Yahei","simhei"; color:#fff; padding:8px 8px 0 8px; margin:2px 0; opacity:0.7; filter:alpha(opacity=70); background:url(../images/public/rightBar.png) no-repeat 0 0; overflow: hidden; text-indent: -9999px; }
.backHome a:hover{ opacity:1; filter:alpha(opacity=100); }
.backHome a.guest,.backHome a.guest:hover{ background:url(../images/public/rightBar.png) no-repeat 0 -114px; opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.price{ background:url(../images/public/rightBar.png) no-repeat 0px -57px; opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.guest:hover,.backHome a.price:hover{ opacity: 1; filter:alpha(opacity=100); }
.toTop{ width:54px; height:54px; position:fixed; _position:absolute; top:379px; _top:expression(eval(document.documentElement.scrollTop+321)); display:none; }
.toTop a,.toTop a:hover{ display:block; width:54px; height:54px; background:url(../images/public/rightBar.png) no-repeat 0px -171px; opacity: 0.6; filter:alpha(opacity=60); }
.toTop a:hover{ opacity:1; filter:alpha(opacity=100); }
#goTop { position:fixed; _position:absolute; top:203px; display:block; right:10px; }
*html, * html body { background-attachment:fixed; }
*html #goTop { position:absolute; right:expression(eval(document.documentElement.scrollLeft+10)); top:expression(eval(document.documentElement.scrollTop+145)); }
